<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <style>
    .gallery li {
      display: inline-block;
      vertical-align: middle;
      width: 130px;
      list-style: none;
      /* красивости */
      
      border: 1px solid black;
      text-align: center;
      margin: 5px;
    }
    
    .gallery li:nth-child(2n) {
      height: 200px;
    }
  </style>
</head>

<body>

  <ul class="gallery">
    <li>
      <img src="https://js.cx/carousel/1.png" width="130" height="130">
      <div>Картинка 1</div>
    </li>

    <li>
      <img src="https://js.cx/carousel/2.png" width="130" height="130">
      <div>Картинка 2</div>
    </li>

    <li>
      <img src="https://js.cx/carousel/3.png" width="130" height="130">
      <div>Картинка 3</div>
    </li>

    <li>
      <img src="https://js.cx/carousel/4.png" width="130" height="130">
      <div>Картинка 4</div>
    </li>

    <li>
      <img src="https://js.cx/carousel/5.png" width="130" height="130">
      <div>Картинка 5</div>
    </li>

    <li>
      <img src="https://js.cx/carousel/6.png" width="130" height="130">
      <div>Картинка 6</div>
    </li>

  </ul>
</body>

</html>